<p-dialog  header="报障单详情" [(visible)]="display" modal="modal" [responsive]="true" [width]="width"   (onHide)="closeViewDetailMask(false)" class="dialog-height" >
    <form  class="form-horizontal content">
        <div class="form-group">
            <label class="col-sm-2 control-label">故障单号：</label>
            <div class="col-sm-10 ui-fluid-no-padding">
                <input type="text" pInputText
                       class="form-control cursor_not_allowed"
                       placeholder=""
                       readonly
                       [ngModelOptions]="{standalone: true}"
                       [(ngModel)]="reportDetail.cid"/>
            </div>
        </div>

        <div class="form-group">
            <label class="col-sm-2 control-label">故障所属：</label>
            <div class="col-sm-10 ui-fluid-no-padding">
                <input type="text" pInputText
                       class="form-control cursor_not_allowed"
                       placeholder=""
                       readonly
                       [ngModelOptions]="{standalone: true}"
                       [(ngModel)]="reportDetail.fault_type"/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">报障人：</label>
            <div class="col-sm-10 ui-fluid-no-padding">
                <input type="text" pInputText
                       class="form-control cursor_not_allowed"
                       placeholder=""
                       readonly
                       [ngModelOptions]="{standalone: true}"
                       [(ngModel)]="reportDetail.people"/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">报障时间：</label>
            <div class="col-sm-10 ui-fluid-no-padding">
                <input type="text" pInputText
                       class="form-control cursor_not_allowed"
                       placeholder=""
                       readonly
                       [ngModelOptions]="{standalone: true}"
                       [(ngModel)]="reportDetail.time"/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">故障位置：</label>
            <div class="col-sm-10 ui-fluid-no-padding">
                <input type="text" pInputText
                       class="form-control cursor_not_allowed"
                       placeholder=""
                       readonly
                       [ngModelOptions]="{standalone: true}"
                       [(ngModel)]="reportDetail.location"/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">故障标题：</label>
            <div class="col-sm-10 ui-fluid-no-padding">
                <input type="text" pInputText
                       class="form-control cursor_not_allowed"
                       placeholder=""
                       readonly
                       [ngModelOptions]="{standalone: true}"
                       [(ngModel)]="reportDetail.title"/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">故障描述：</label>
            <div class="col-sm-10 ui-fluid-no-padding">
                <input type="text" pInputText
                       class="form-control cursor_not_allowed"
                       readonly
                       [ngModelOptions]="{standalone: true}"
                       [(ngModel)]="reportDetail.content"/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">处理人：</label>
            <div class="col-sm-10 ui-fluid-no-padding">
                <input type="text" pInputText
                       class="form-control cursor_not_allowed"
                       readonly
                       [ngModelOptions]="{standalone: true}"
                       [(ngModel)]="reportDetail.handle_people"/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">完成时间：</label>
            <div class="col-sm-10 ui-fluid-no-padding">
                <input type="text" pInputText
                       class="form-control cursor_not_allowed"
                       readonly
                       [ngModelOptions]="{standalone: true}"
                       [(ngModel)]="reportDetail.handle_datetime"/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">故障状态：</label>
            <div class="col-sm-10 ui-fluid-no-padding">
                <input type="text" pInputText
                       class="form-control cursor_not_allowed"
                       placeholder=""
                       readonly
                       [ngModelOptions]="{standalone: true}"
                       [(ngModel)]="reportDetail.status"/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">故障处理内容：</label>
            <div class="col-sm-10 ui-fluid-no-padding">
               <textarea [rows]="5" pInputTextarea
                         autoResize="autoResize"
                         readonly
                         class="form-control"
                         [ngModelOptions]="{standalone: true}"
                         [(ngModel)]="reportDetail.handle_content"></textarea>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">关联设备：</label>
            <div class="col-sm-10 ui-fluid-no-padding">
               <textarea [rows]="5" pInputTextarea
                         autoResize="autoResize"
                         readonly
                         class="form-control"
                         [ngModelOptions]="{standalone: true}"
                         [(ngModel)]="reportDetail.showdevices"></textarea>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">现场照片：</label>
            <div class="col-sm-10 ui-fluid-no-padding">
                <ng-container *ngFor="let img of imgUrl">
                    <img src="{{img}}" alt="无图片信息" class="img-my">
                </ng-container>
            </div>
        </div>
    </form>
    <p-footer>
      <!--<button type="button" pButton icon="fa-close" (click)="closeViewDetailMask(false)" label="取消"></button>-->
    </p-footer>
  </p-dialog>

